<!doctype html>
<html lang="zh-cn">
  <%=require('../components/head.ejs')({title: 'ddp'}) %>

  <body>
    <style>
      .header nav .sub3 .row {
        flex-direction: column;
        display: flex;
        height: 100%;
        flex-wrap: wrap;
        overflow: hidden;
      }

      .header nav .sub2 .link2 > a {
        padding: 0 10px;
        font-size: 15px;
      }

      .header nav .sub3 .lg-4 {
        float: none;
      }

      .header nav .link4 {
        color: #999;
      }
    </style>

    <%=require('../components/header.ejs')() %>

    <script>
      var scroolHeight = $(window).height(); //屏幕默认高度
      var navHeight = $('.header .item2 .public-header nav').height(); //获取头部导航高度
      var sub2Width = $('.header nav .sub2').width();
      $('.header nav .sub2 .link2').hover(
        function () {
          var rightHiehgt = $(this).children('.sub3').height(); //右边显示块高度
          console.log('----', $('.item2 .baf').height());
          $('.header nav .sub3').css('position', 'fixed');
          $('.header nav .sub3').css('left', 'auto');
          $('.header nav .sub3').css('margin-left', sub2Width);
          $('.header nav .sub3').css('top', 144);
          // $(".header nav .sub3").css("height", scroolHeight - navHeight);
          $('.header nav .sub3').css('height', $('.header nav .sub2').height() + 40);
          if (rightHiehgt > scroolHeight - navHeight) {
            $('.header nav .sub3').css('overflow-y', 'scroll');
          } else {
            $('.header nav .sub3').css('overflow-y', 'hidden');
          }
          $('.header nav .sub3').css('transform', 'translateY(0%)');
        },
        function () {
          $(
            '.header nav ul li .link2:nth-child(10) .sub3, .header nav ul li .link2:nth-child(11) .sub3, .header nav ul li .link2:nth-child(12) .sub3, .header nav ul li .link2:nth-child(13) .sub3, .header nav ul li .link2:nth-child(14) .sub3',
          ).css('transform', 'translateY(-50%)');
        },
      );
    </script>

    <script type="text/javascript">
      var SearchProduct = function (keys) {
        if (keys == '') {
          alert('Please enter your search keywords');
          return;
        }
        $.ajax({
          url: '/IAjax/Ajax.ashx',
          type: 'POST',
          cache: false,
          dataType: 'text',
          data: { action: 'SEARCH', keys: escape(keys) },
          success: function () {
            location.href = '/Search.html?mode=Search&keys=' + escape(keys) + '';
          },
        });
      };
    </script>
    <script>
      var GetCarCount = function () {
        $.ajax({
          url: '/IAjax/Ajax.ashx',
          type: 'POST',
          cache: false,
          dataType: 'json',
          data: { action: 'GetCar' },
          success: function (DataCount) {
            $('.CarNum').html(DataCount);
          },
        });
      };
    </script>

    <!--Banner-->
    <div class="sliders img">
      <a class="rel">
        <img src="./images/68.png" />
        <div class="absolute w-full h-full left-0 top-0">
          <div class="public-body flex-item-center h-full">
            <div class="w-1/2 m1400:w-[60%] lg:w-[70%] md:w-[80%] sm:w-full" hsm="fadel">
              <div
                class="text-30 text-[#000] font-bold mb-20 m1400:text-28 m1400:mb-16 md:text-26 md:mb-14 sm:text-20 sm:mb-10"
              >
                DDP: Your One-Stop Shipping from China Solution
              </div>
              <div class="md:hidden">
                <div
                  class="text-[#000] text-14 mb-16 m1400:text-14 m1400:mb-14 md:text-14 md:mb-12 sm:text-12 sm:mb-10"
                >
                  JH DDP Service, a all-inclusive and dependable solution for transporting cargo from China to the world

                  <div class="h-16"></div>

                  It handles aspects of shipping, such as customs clearance, duty payments, and door-to-door delivery.
                  We offer various transportation methods, including air, sea, rail, and truck freight, using
                  Less-than-Container-Load (LCL) shipments by default.
                </div>
              </div>
            </div>
          </div>
        </div>
      </a>
    </div>

    <div class="ov">
      <div class="common-max-width">
        <div hsm="fadeup">
          <div class="common-title-w">
            <div class="common-title">Our Efficient Supplier Sourcing Process</div>
            <div class="common-title-line"></div>
          </div>
        </div>
        <ul class="common-items-ul common-items-ul-w3-s40 common-items-ul-md-w2-s20 common-items-ul-sm-w1-s20">
          <li class="common-items-li" hsm="fadeup">
            <a href="javascript:;">
              <div class="flex-center flex-shrink-0 mb-27 h-117 sm:mb-18">
                <img src="./images/65.png" />
              </div>
              <div class="text-14 text-[#3c3c3c] leading-24 text-center">
                Our team guarantees a smooth and efficient shipping<br />
                process from our warehouse in Shenzhen, China, to <br />
                your receiving address.
              </div>
            </a>
          </li>
          <li class="common-items-li" hsm="fadeup">
            <a href="javascript:;">
              <div class="flex-center flex-shrink-0 mb-27 h-117 sm:mb-18">
                <img src="./images/66.png" />
              </div>
              <div class="text-14 text-[#3c3c3c] leading-24 text-center">
                We collaborate with leading express companies like<br />
                UPS, FedEx, and DHL
              </div>
            </a>
          </li>
          <li class="common-items-li" hsm="fadeup">
            <a href="javascript:;">
              <div class="flex-center flex-shrink-0 mb-27 h-117 sm:mb-18">
                <img src="./images/67.png" />
              </div>
              <div class="text-14 text-[#3c3c3c] leading-24 text-center">
                to ensure the safe and timely delivery of your cargo to<br />
                Amazon FBA warehouses, business addresses, or<br />
                personal addresses.
              </div>
            </a>
          </li>

          <li class="common-items-li mb-zero"></li>
          <li class="common-items-li mb-zero"></li>
          <li class="common-items-li mb-zero"></li>
          <li class="common-items-li mb-zero"></li>
          <li class="common-items-li mb-zero"></li>
          <li class="common-items-li mb-zero"></li>
          <li class="common-items-li mb-zero"></li>
          <li class="common-items-li mb-zero"></li>
          <li class="common-items-li mb-zero"></li>
          <li class="common-items-li mb-zero"></li>
        </ul>
      </div>
    </div>

    <div class="common-max-width ov">
      <ul
        class="common-items-ul common-items-ul-w1-s60 common-items-ul-md-w1-s50 common-items-ul-sm-w1-s40 common-items-ul-pb60 common-items-ul-md-pb50 common-items-ul-sm-pb40"
      >
        <li class="common-items-li" hsm="fadeup">
          <a href="javascript:;" class="baf rounded-8 ov sm:pb-20">
            <div class="flex-item-center common-items-li-items sm:flex-col">
              <div class="img-scale img-scale-other flex-center flex-shrink-0 w-[50%] sm:w-full sm:mb-20">
                <img
                  class="w-full h-full"
                  src="https://www.jh-electronica.com/UserFiles/upload/image/20230509/3(1).jpg"
                />
              </div>
              <div class="ml-30 mr-50">
                <div class="rel text-30 font-bold text-[#020301] md:text-22 sm:text-18">
                  China Supplier Sourcing Services
                </div>
                <div class="w-58 h-4 bg-[#020301] mt-10"></div>
                <div class="text-[#3c3c3c] text-14 mt-26 leading-26">
                  If you are looking for new suppliers, we can help you find the best match and offer you a competitive
                  price along with a cost-effective manufacturing solution. Compare our offer with any of your existing
                  suppliers to see the value we can provide. We will help you find the most suitable supplier in China,
                  obtain quotations, and provide manufacturing solutions from the supplier, all free of charge. After
                  you are satisfied with the price and sample, you can place your order, and we will handle mass
                  production, quality inspection, and door-to-door logistics. JH Sourcing ensures product quality and
                  provides free replacement or compensation to you if any quality issues should arise
                </div>
              </div>
            </div>
          </a>
        </li>
        <li class="common-items-li" hsm="fadeup">
          <a href="javascript:;" class="baf rounded-8 ov sm:pb-20">
            <div class="flex-item-center common-items-li-items sm:flex-col">
              <div class="img-scale img-scale-other flex-center flex-shrink-0 w-[50%] sm:w-full sm:mb-20">
                <img
                  class="w-full h-full"
                  src="https://www.jh-electronica.com/UserFiles/upload/image/20230509/3(1).jpg"
                />
              </div>
              <div class="ml-30 mr-50">
                <div class="rel text-30 font-bold text-[#020301] md:text-22 sm:text-18">
                  China Supplier Sourcing Services
                </div>
                <div class="w-58 h-4 bg-[#020301] mt-10"></div>
                <div class="text-[#3c3c3c] text-14 mt-26 leading-26">
                  If you are looking for new suppliers, we can help you find the best match and offer you a competitive
                  price along with a cost-effective manufacturing solution. Compare our offer with any of your existing
                  suppliers to see the value we can provide. We will help you find the most suitable supplier in China,
                  obtain quotations, and provide manufacturing solutions from the supplier, all free of charge. After
                  you are satisfied with the price and sample, you can place your order, and we will handle mass
                  production, quality inspection, and door-to-door logistics. JH Sourcing ensures product quality and
                  provides free replacement or compensation to you if any quality issues should arise
                </div>
              </div>
            </div>
          </a>
        </li>
        <li class="common-items-li" hsm="fadeup">
          <a href="javascript:;" class="baf rounded-8 ov sm:pb-20">
            <div class="flex-item-center common-items-li-items sm:flex-col">
              <div class="img-scale img-scale-other flex-center flex-shrink-0 w-[50%] sm:w-full sm:mb-20">
                <img
                  class="w-full h-full"
                  src="https://www.jh-electronica.com/UserFiles/upload/image/20230509/3(1).jpg"
                />
              </div>
              <div class="ml-30 mr-50">
                <div class="rel text-30 font-bold text-[#020301] md:text-22 sm:text-18">
                  China Supplier Sourcing Services
                </div>
                <div class="w-58 h-4 bg-[#020301] mt-10"></div>
                <div class="text-[#3c3c3c] text-14 mt-26 leading-26">
                  If you are looking for new suppliers, we can help you find the best match and offer you a competitive
                  price along with a cost-effective manufacturing solution. Compare our offer with any of your existing
                  suppliers to see the value we can provide. We will help you find the most suitable supplier in China,
                  obtain quotations, and provide manufacturing solutions from the supplier, all free of charge. After
                  you are satisfied with the price and sample, you can place your order, and we will handle mass
                  production, quality inspection, and door-to-door logistics. JH Sourcing ensures product quality and
                  provides free replacement or compensation to you if any quality issues should arise
                </div>
              </div>
            </div>
          </a>
        </li>

        <li class="common-items-li mb-zero"></li>
        <li class="common-items-li mb-zero"></li>
        <li class="common-items-li mb-zero"></li>
        <li class="common-items-li mb-zero"></li>
        <li class="common-items-li mb-zero"></li>
        <li class="common-items-li mb-zero"></li>
        <li class="common-items-li mb-zero"></li>
        <li class="common-items-li mb-zero"></li>
        <li class="common-items-li mb-zero"></li>
        <li class="common-items-li mb-zero"></li>
      </ul>
    </div>

    <!-- toggle -->
    <%=require('../components/toggle.ejs')({title: 'FAQs on JH DDP Shipping', flag: `
    <div>我是div标签</div>
    `}) %>

    <!--Footer-->

    <%=require('../components/footer.ejs')() %>

    <a class="suspension flex" href="mailto:matt@jh-electronica.com" target="_blank">
      <div class="suspension-title">Problem not solved yet ? Talk to the boss!</div>
      <div class="suspension-email">
        <img src="https://www.jh-electronica.com/images/icon-email.png" alt="" />
        <span>matt@jh-electronica.com</span>
      </div>
    </a>

    <script type="text/javascript">
      function AddMessage() {
        var txtEmails = $('#txtEmails').val();
        $.ajax({
          url: '/IAjax/Ajax.ashx',
          type: 'POST',
          cache: false,
          dataType: 'xml',
          data: { action: 'AddMessage', txtEmails: escape(txtEmails) },
          success: function (ReturnData) {
            var state = $('response state', ReturnData).text();
            if (state != 'yes') {
              alert($('response errorinfo', ReturnData).text());
            } else {
              alert('Email submitted successfully!');
              $('#txtEmails').val('');
            }
          },
        });
      }
    </script>

    <div class="fix-bar">
      <div class="item rel">
        <a
          href="//wpa.qq.com/msgrd?v=3&uin=994238146&site=qq&menu=yes"
          target="_blank"
          class="btn db"
          style="background: url(https://www.jh-electronica.com/images/fix_bar_1.png) no-repeat center"
        ></a>

        <div class="info3 tac abs tra">994238146</div>
      </div>

      <div class="item rel">
        <a
          href="skype:86 18108090598?chat"
          target="_blank"
          class="btn db"
          style="background: url(https://www.jh-electronica.com/images/fix_bar_2.png) no-repeat center"
        ></a>

        <div class="info3 tac abs tra">+86 18108090598</div>
      </div>

      <div class="item rel">
        <a
          href="javascript:;"
          class="btn db"
          style="background: url(https://www.jh-electronica.com/images/fix_bar_4.png) no-repeat center"
        ></a>

        <div class="info3 tac abs tra">+86 18108090598</div>
      </div>

      <div class="item rel">
        <a
          href="https://api.whatsapp.com/send?phone=86 18108090598&text=May I help you?"
          target="_blank"
          class="btn db"
          style="background: url(https://www.jh-electronica.com/images/fix_bar_5.png) no-repeat center"
        ></a>

        <div class="info3 tac abs tra">+86 18108090598</div>
      </div>

      <div class="item rel">
        <a
          id="gotop"
          href="javascript:;"
          class="btn db"
          style="background: url(images/fix_bar_6.png) no-repeat center"
        ></a>
      </div>
    </div>

    <!--  -->
    <div class="login wh1 dn">
      <div class="dt wh1">
        <div class="dtcell">
          <div class="con baf f16 rel">
            <div class="row">
              <div class="sm-6">
                <img
                  src="https://www.jh-electronica.com/UserFiles/upload/image/20221116/logo11(3).16修改(3).png"
                  alt=""
                />
              </div>
            </div>
            <div class="fb mt20 mb15">Login your account</div>
            <div class="fb">Account</div>
            <div class="mt10 mb10">
              <input
                class="txt lg-12"
                placeholder="Enter Your E-mail Address"
                type="text"
                name="txtname"
                id="txtname"
              />
            </div>
            <div class="dflr">
              <div class="fb">Password</div>
              <div class="fb">
                <a href="ForgetForEmail.aspx" class="tc">Forgot password?</a>
              </div>
            </div>
            <div class="rel mt10 mb10">
              <div class="password rel">
                <input class="txt lg-12" placeholder="Your Password" type="password" name="txtpwd" id="txtpwd" />
                <!-- <i class="abs">xxx</i>   -->
              </div>
            </div>
            <div class="rel mt10 mb10">
              <label for="logins"><input type="checkbox" name="ckeval" id="logins" />Auto login next time</label>
            </div>
            <div class="tac mt20 mb20">
              <input class="btn cf tcbg f16 fb" type="button" onclick="Login(1);" name="" id="" value="Login" />
            </div>
            <div class="tac">
              Not a member?
              <a href="/Register.html" class="tc">Create an Account</a>
            </div>
            <div class="hide abs f30">x</div>
          </div>
        </div>
      </div>
    </div>
    <script>
      $(function () {
        $('.login-show').click(function () {
          $('.login').fadeIn();
        });
        $('.login .hide').click(function () {
          $('.login').fadeOut();
        });
      });
    </script>

    <script>
      var swiper = new Swiper('.company-news-list-swiper5', {
        spaceBetween: 30,
        breakpoints: {
          425: {
            slidesPerView: 1,
          },
          768: {
            slidesPerView: 2,
          },
          1024: {
            slidesPerView: 3,
          },
        },
        pagination: {
          el: '.swiper-pagination2',
          clickable: true,
        },
      });
    </script>

    <script>
      $(function () {
        $('.i-pro .head .btn a').click(function () {
          $(this).toggleClass('cur').siblings().removeClass('cur');
          $(this).parents('.item-w').find('.more').attr('href', $(this).attr('links'));
          $(this).parents('.item-w').find('ul').eq($(this).index()).addClass('cur').siblings().removeClass('cur');
          return false;
        });
        $('.service-list-i .slick-dots').css({
          opation: 0,
        });
        $('.b-l-l-l').css({
          borderRadius: '8px',
        });
        var timer = null;
        clearTimeout(timer);
        timer = setTimeout(() => {
          $('.service-list-i .slick-dots').css({
            opation: 1,
          });
          $('.b-l-l-l').css({
            height: $('.service-list-i .slick-list').height() + 'px',
          });
        }, 100);

        $(window).resize(function () {
          $('.service-list-i .slick-dots').css({
            opation: 0,
          });
          clearTimeout(timer);
          timer = setTimeout(() => {
            $('.service-list-i .slick-dots').css({
              opation: 1,
            });
            $('.b-l-l-l').css({
              height: $('.service-list-i .slick-list').height() + 'px',
            });
          }, 100);
        });
      });
    </script>

    <!--  -->
  </body>
</html>
